@charset "utf-8";
/*
=======================================================
文件名: my_friend.css
作者: BetaNG
创建或修改日期:2010-06-06
说明: 
=======================================================
*/
@import url("global.css");
/*==公用样式==*/

/*==二级导航==*/
#sub_nav_box{ zoom:1; margin-bottom:10px;}
#sub_nav_box:after{ content:""; display:block; clear:both; height:0; visibility:hidden}
#sub_nav_box .user_img{ float:left; margin-right:10px;}
#sub_nav_box #sub_nav{ float:left; width:874px; margin-bottom:0}

/*==好友分组==*/
.sub_nav_left .tit .btn_run{position:absolute; left:110px;}

/*==搜索==*/
#my_search_mod{ width:160px; height:22px; background:#FFFFFF url(../images/friend_bg_search.png) no-repeat;}
#my_search_mod .input_tx{ width:130px; border:0; float:left; margin-left:2px; margin-top:2px;}
#my_search_mod .send_bt{ width:22px; height:22px; overflow:hidden; text-indent:-99999px; border:0; background:0; float:right}

/*==提示==*/
.tips_2{padding:9px 11px 4px 10px;}
.tips_2 .close{ font-size:18px; height:20px; margin-top:-5px; text-decoration:none}

/*==好友列表==*/
#my_friend_mod{}
#my_friend_mod .btn{ margin:0 15px; padding:10px 0;}
#my_friend_mod .btn button{ background:url(../images/friend_bg_search.png) no-repeat 0 -170px; width:89px; height:23px; border:0; margin-right:5px;}
#my_friend_mod .friend_list{ margin:0 15px;}
#my_friend_mod .friend_list li{ padding:1px 0;}
#my_friend_mod .friend_list li.select{background-color:#F5F5F5;}
#my_friend_mod .friend_list li .li_cont{ zoom:1;}
#my_friend_mod .friend_list li .li_cont:after{ content:""; display:block; clear:both; height:0; visibility:hidden}
#my_friend_mod .friend_list li .user_img{ float:left; text-align:center; width:45px; padding-top:8px;}
#my_friend_mod .friend_list li .user_img a{ width:41px; height:41px;}
#my_friend_mod .friend_list li .user_img a img{ width:41px; height:41px;}
#my_friend_mod .friend_list li .user_img a{ }
#my_friend_mod .friend_list li .user_img button{ border:0; background:0; width:18px; height:18px;}
#my_friend_mod .friend_list .li_hover .user_img{ width:64px; padding-top:0;}
#my_friend_mod .friend_list .li_hover .user_img a{ width:60px; height:60px;}
#my_friend_mod .friend_list .li_hover .user_img a img{ width:60px; height:60px;}
#my_friend_mod .friend_list li .user_infor{overflow:hidden; display:inline; float:left; width:420px; margin-left:15px; padding-top:12px;}
#my_friend_mod .friend_list li .user_infor p{margin-bottom:8px; white-space:nowrap;}
#my_friend_mod .friend_list li .pro_operate{float:right; margin:20px 10px 0 0;}
#my_friend_mod .friend_list li .btn_box{ float:right; margin-right:20px; display:inline}
#my_friend_mod .friend_list li .btn_box button{ border:0;}

#my_friend_mod .friend_list li .btn_box .set_open{ float:right; height:29px; margin-top:15px; padding-right:9px; margin-left:9px;}
#my_friend_mod .friend_list li .btn_box .set_open .set_btn{ width:64px; height:25px; line-height:25px; vertical-align:right; margin-top:3px;}
#my_friend_mod .friend_list li .btn_box .set_open .set_btn img{ vertical-align:middle}
#my_friend_mod .friend_list li .btn_box .set_open .set_list{ position:absolute; z-index:1; left:0; top:25px; width:62px; padding:3px 0 0 0; display:none}
#my_friend_mod .friend_list li .btn_box .set_open .set_list .btn_open{ display:block; width:62px; text-align:left; height:19px; line-height:19px; text-indent:5px;}
#my_friend_mod .friend_list .li_hover .btn_box .set_open_hover .set_btn{ background:url(../images/friend_bg_search.png) no-repeat 0 -275px;}
#my_friend_mod .friend_list li .btn_box .set_open_hover{ position:relative}
#my_friend_mod .friend_list li .btn_box .set_open_hover .set_list{ display:block}

#my_friend_mod .friend_list li .btn_box .select_group{ float:right; height:29px; margin-top:15px; padding-right:9px; margin-left:9px;}
#my_friend_mod .friend_list li .btn_box .select_group .select_btn{ width:125px; height:25px; line-height:25px; vertical-align:right; margin-top:3px;}
#my_friend_mod .friend_list li .btn_box .select_group .select_btn img{ vertical-align:middle}
#my_friend_mod .friend_list li .btn_box .select_group .select_list{ position:absolute; z-index:1; left:0; top:25px; width:123px; padding:3px 0 0 0; display:none}
#my_friend_mod .friend_list li .btn_box .select_group .select_list .btn_friend{ display:block; width:123px; text-align:left; height:19px; line-height:19px; text-indent:5px;}
#my_friend_mod .friend_list .li_hover .btn_box .select_group_hover .select_btn{ background:url(../images/friend_bg_search.png) no-repeat 0 -225px;}
#my_friend_mod .friend_list li .btn_box .icon_btn{ float:right; margin-top:20px; margin-left:15px;}
#my_friend_mod .friend_list li .btn_box .select_group_hover{ position:relative}
#my_friend_mod .friend_list li .btn_box .select_group_hover .select_list{ display:block}
#my_friend_mod .friend_list li .btn_box .select_group_hover .btn_friend:hover{}

/*==客人态好友分组==*/
#guest_friend_group{ padding-top:20px; padding-bottom:13px;}
#guest_friend_group .list{ margin-left:10px;}
#guest_friend_group .list li{ width:137px; height:25px; margin-bottom:6px;}
#guest_friend_group .list .now{background:url(../images/friend_bg_search.png) no-repeat 0 -125px;}
#guest_friend_group .list li a{ font-size:14px; position:relative; top:5px; left:13px;}
#guest_friend_group .list .now a{ color:#FFFFFF; text-decoration:none; cursor:default;}

/*==客人态好友列表==*/
#guest_friend_mod{}
#guest_friend_mod .guest_friend_list{ margin:0 15px;}
#guest_friend_mod .guest_friend_list li{ padding:1px 0;}
#guest_friend_mod .guest_friend_list li .li_cont{ zoom:1;}
#guest_friend_mod .guest_friend_list li .li_cont:after{ content:""; display:block; clear:both; height:0; visibility:hidden}
#guest_friend_mod .guest_friend_list li .user_img{ float:left; text-align:center; width:45px; padding-top:8px;}
#guest_friend_mod .guest_friend_list li .user_img p{ display:none}
#guest_friend_mod .guest_friend_list li .user_img a{ width:41px; height:41px;}
#guest_friend_mod .guest_friend_list li .user_img a img{ width:41px; height:41px;}
#guest_friend_mod .guest_friend_list li .user_img button{ border:0; background:0; width:18px; height:18px;}
#guest_friend_mod .guest_friend_list .li_hover .user_img{ width:64px; padding-top:0;}
#guest_friend_mod .guest_friend_list .li_hover .user_img p{ display:block}
#guest_friend_mod .guest_friend_list .li_hover .user_img a{ width:60px; height:60px;}
#guest_friend_mod .guest_friend_list .li_hover .user_img a img{ width:60px; height:60px;}
#guest_friend_mod .guest_friend_list li .user_infor{ float:left; margin-left:15px; display:inline; padding-top:12px;}
#guest_friend_mod .guest_friend_list li .user_infor p{ margin-bottom:8px;}
#guest_friend_mod .guest_friend_list li .btn_box{ float:right; margin-right:20px; display:inline}
#guest_friend_mod .guest_friend_list li .btn_box button{ border:0; background:0;}
#guest_friend_mod .guest_friend_list li .btn_box .icon_btn{ float:right; margin-top:20px; margin-left:15px;}

/*===== 我关注的人 =====*/
.my_att_friend h4{display:none;}

/*===== 好友列表1 =====*/
.friend_list_com{margin:0 15px; height:64px; border-style:dashed;}
.friend_list_com .photo,
.friend_list_com .info{overflow:hidden; float:left;}
.friend_list_com .photo .user_img_3{display:block; margin:10px 0; width:40px; height:40px;}
.friend_list_com .photo .user_img_3 img{width:40px; height:40px;}
.friend_list_com .info{margin:10px 15px 0; width:370px;}
.friend_list_com:hover,.friend_list_sel{background-color:#F5F5F5;}
.friend_list_sel .btns li,.friend_list_com:hover .btns li{position:relative; z-index:8;}
.friend_list_com:hover .btns li button{border-color:#F5F5F5;}
.friend_list_com:hover .user_img_3,.friend_list_sel .photo .user_img_3{margin:0; width:60px; height:60px;}
.friend_list_com:hover .user_img_3 img,.friend_list_sel .photo .user_img_3 img{width:60px; height:60px;}

/*===== 好友操作 =====*/
.pro_operate{float:right; margin-top:20px;}
.pro_operate .btns{padding-right:10px;}
.pro_operate .btns li{float:left; padding:0 5px; border-style:solid;}
.pro_operate .btns li button{float:left; height:24px; border:1px solid #FFFFFF; background:none; line-height:24px;}
.pro_operate .btns li button span{margin-left:4px;}
.pro_operate .btns li button.select{position:relative; z-index:9; top:1px; border-color:#B0D5EE; border-bottom-color:#F1F5F6; background-color:#F1F5F6; line-height:22px;}
.pro_operate .choose_type{position:absolute; left:5px; top:24px; width:auto!important; width:80px; min-width:80px; border:1px solid #B0D5EE; background-color:#F1F5F6;}
.pro_operate .choose_type a{display:block; padding-right:14px; width:60px; height:24px; line-height:24px; white-space:nowrap;}
.pro_operate .choose_type a:hover{}
.friend_list_sel .btns li button{border-color:#F5F5F5;}

/*===== 好友列表2 =====*/
.friend_list_em{overflow:hidden; width:100%;}
.friend_list_em ul{width:900px;}
.friend_list_em li{overflow:hidden; display:inline; float:left; margin:10px 2px 17px 10px; width:248px;}
.friend_list_em li .photo,
.friend_list_em li .info,
.friend_list_em li .btns{float:left;}
.friend_list_em li .photo{margin-right:10px;}
.friend_list_em li .info{overflow:hidden; width:130px; height:85px; line-height:21px;}/*  |xGv00|f280863ca5e298654912c0fe92e6ef7e */